import { ProFormSelect, ProFormText } from "@ant-design/pro-components";
import { Button } from "antd";

const App:React.FC<{udata:any}>=(props)=>{
    
    const x=props.udata==null?[]:props.udata;
    //   alert('组件参数');
    //   alert(JSON.stringify(x));

    var res=<>{
           x.map((item:any)=>{
                 if(item.input_style==1)
                     return  <ProFormText name={item.userdifine_id} label={item.userdefine_name}   />
                 else if(item.input_style==2){
                    //  alert(JSON.stringify(item.value));
                     const opt=JSON.parse(item.value).map((item2:any)=>
                                  ({value:item2.substring(0,item2.indexOf('-')),label:item2.substring(item2.indexOf('-')+1)}));
                     return  <ProFormSelect  name={item.userdifine_id} label={item.userdefine_name}  
                               options={opt}
                     />
                   }
                })
            }</>;
    return ( 
          <>
           {res}
          </>
      );
}

export default App;